<template>
  <view class="terms-container">
    <view class="terms-header">
      <text class="title">用户协议</text>
      <text class="date">生效日期：2024年1月1日</text>
    </view>
    
    <view class="terms-content">
      <view class="section">
        <view class="section-title">1. 服务条款</view>
        <view class="section-text">
          欢迎使用照片记忆小程序。使用本服务即表示您同意遵守本用户协议和所有适用的法律法规。如果您不同意本协议中的任何条款，请勿使用本服务。
        </view>
      </view>
      
      <view class="section">
        <view class="section-title">2. 账号使用</view>
        <view class="section-text">
          您需要注册一个账号才能使用本应用的全部功能。您有责任保护自己的账号信息，并对您账号下的所有活动负责。
        </view>
      </view>
      
      <view class="section">
        <view class="section-title">3. 用户内容</view>
        <view class="section-text">
          您上传的照片和内容必须符合相关法律法规。您拥有您所上传内容的所有权，但授予我们使用、存储和处理这些内容的权利，以便提供服务。
        </view>
      </view>
      
      <view class="section">
        <view class="section-title">4. 行为规范</view>
        <view class="section-text">
          使用本服务时，您同意不发布任何违法、侵权、骚扰、威胁、滥用或其他不当内容。我们保留删除任何违规内容的权利。
        </view>
      </view>
      
      <view class="section">
        <view class="section-title">5. 服务变更</view>
        <view class="section-text">
          我们保留随时修改或终止服务的权利，恕不另行通知。我们对您或任何第三方因服务的修改或终止而造成的任何损失不承担责任。
        </view>
      </view>
      
      <view class="section">
        <view class="section-title">6. 免责声明</view>
        <view class="section-text">
          本服务按"现状"提供，不提供任何明示或暗示的保证。我们不保证服务不会中断或无错误，也不保证缺陷会被纠正。
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  }
}
</script>

<style>
.terms-container {
  padding: 30rpx;
}

.terms-header {
  margin-bottom: 50rpx;
  border-bottom: 1px solid #eee;
  padding-bottom: 30rpx;
}

.title {
  font-size: 36rpx;
  font-weight: bold;
  display: block;
  margin-bottom: 20rpx;
  color: #333;
}

.date {
  font-size: 26rpx;
  color: #999;
}

.section {
  margin-bottom: 40rpx;
}

.section-title {
  font-size: 30rpx;
  font-weight: bold;
  color: #333;
  margin-bottom: 20rpx;
}

.section-text {
  font-size: 28rpx;
  color: #666;
  line-height: 1.6;
}
</style> 